<template>
  <div class="son">
    <h1>我是子组件:曹植</h1>
    <p>{{ props.info }}</p>
    <p>{{ props.money }}</p>
    <!-- props可以省略前面的名字 -->
    <p>{{ info }}</p>
    <p>{{ money }}</p>

    <!-- <button @click="updateProps">修改props数据</button> -->
  </div>
</template>

<script setup lang="ts">
  // 需要使用到 defineProps 方法去接受父组件传递过来的数据
  // defineProps 是 Vue3 提供方法，不需要引入直接使用
  let props = defineProps(['info', 'money'])

  // const updateProps = () => {
  //   props.money = 1000
  // }

</script>

<style scoped>
.son{
  width: 400px;
  height: 200px;
  background: hotpink;
}
</style>